/*  Standard Style
********************************************************************************
 */

/*  Basic Styles
--------------------------------------------------------------------------------
 */
html, body { margin: 0; padding: 0; }
header, footer, section, nav { display: block; }

body {
  font-family: Verdana, sans-serif;
  font-size: 12px;
  background: #efefef;
}

a {
  color: #5fbb46;
  text-decoration: none;
}

a:hover {
  color: #5fbb46;
}
/*
--------------------------------------------------------------------------------
 */

/*  Common Styles (Desktop & Mobile)
--------------------------------------------------------------------------------
 */
@media screen {
  .mobile-block, .desktop-block { display: none; }
  .mobile-inline, .desktop-inline { display: none; }
  [data-expandableSection-content] { display: none; }

  #all {
    background: #fff; margin: 0 auto;
    box-shadow: 0px 0px 15px #333;
  }
  
  header {
    position: relative; z-index: 1000;
    background: #fff left bottom repeat-x url("/web/20220313101440im_/http://prismaathira.com/assets/deco-black-2x2.png");
  }
  
  header h1 {
    display: none;
  }
  
  header > nav a {color: #fff; }
  header > nav > a { font-size: 15px; line-height: 2em; }

  /*header > nav > a.selected,*/
  header > nav > a:hover,
  header > nav > a > span {
    color: #5fbb46;
  }
  
  header > nav > div { font-size: 15px; line-height: 2em; }
  
  footer {
    font-family: Arial, sans-serif; font-size: 13px; line-height: 24px;
    background: #a5a4a4; color: #fff;
  }
  footer .small { font-size: 0.85em; }
  footer .large { font-size: 1.25em; font-weight: bold; }
  
  .container { overflow: hidden; }
  
  .banner { overflow: hidden; }
  .banner img { margin: 0 auto; }
  
  .splash-banner { font-family: "Century Gothic", sans-serif; color: #fff; }
  
  .content { font-size: 15px; /*font-size: 17px;*/ font-family: Verdana, sans-serif; color: #3b3a3e; line-height: 1.5em; position: relative; overflow: hidden; }
  .content img.splash { display: block; width: 100%; }
  .content .splash-caption { color: #000; background: #a5a4a4; }
  .content .splash-caption p { margin: 0; }
  
  .slider .button-prev, .slider .button-next {
    width: 60px; height: 60px; position: absolute;
    top: 50%; -ms-transform: translate(0,-50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%);  /*Vertically aligns to the middle. Assumes position: relative, display: block.*/
    font-size: 60px; line-height: 60px; color: #fff; 	opacity: 0.5;
    text-align: center; cursor: pointer;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
  }
  .slider .button-prev { left: 0px; }
  .slider .button-prev:before { content: "<"; }
  .slider .button-next { right: 0px; }
  .slider .button-next:after { content: ">"; }
  
  .page-about .content {}
  .page-about .content .text {}
  .page-about .content .text p { margin: 0 0 1em 0; padding: 0; }
  .page-about .content .text h1, .page-about .content .text h2, .page-about .content .text h3,
  .page-about .content .text h4, .page-about .content .text h5, .page-about .content .text h6 {
    font-family: Arial, sans-serif; font-weight: bold; font-size: 22px; color: #5fbb46; margin: 1.5em 0 0.5em 0;
  }
  
  .page-contact form { font-size: 20px; color: #3b3a3e; margin: 0 auto 40px auto; }
  .page-contact form .row { border: 1px solid #8f908e; padding: 10px; position: relative; overflow: hidden; margin-bottom: 8px; }
  .page-contact form .row:last-child { border: none; padding: 0; }
  .page-contact form .row label { float: left; width: 30%; line-height: 1.5em; }
  .page-contact form .row label.wide { width: 95%; }
  .page-contact form .row input[type=text] { float: right; width: 65%; border: none; background: #fff; height: 1.5em; font-size: 20px; }
  .page-contact form .row input[type=text].wide { width: 95%; }
  .page-contact form .row textarea { float: right; width: 95%; border: none; background: #fff; height: 5em; margin-top: 0.5em; font-size: 20px; }
  .page-contact form .row input[type=submit] { border: 1px solid #8f908e; background: #5fbb46; color: #fff; padding: 10px 20px; font-size: 25px; margin: 0; cursor: pointer; }
  .page-contact .content {}
  .page-contact .content .subsection { font-family: Arial, sans-serif; }
  .page-contact .content .title { font-size: 20px; line-height: 1.5em; color: #5fbb46; font-weight: bold; border-bottom: 3px solid #000; text-align: center; margin: 1em 0; }
  .page-contact .content .title-misc { font-weight: bold; text-align: center; font-size: 20px; margin: 10px 0; }
  .page-contact .content .map { display: block; margin: 0 auto 40px auto; max-width: 90%; }
  .page-contact .content .text { color: #3b3a3e; }
  .page-contact .content .text table { width: 100%; padding: 0; margin: 0; }
  .page-contact .content .text table td { padding: 0; }
  .page-contact .content .list { font-size: 20px; color: #373737; }
  .page-contact .content .list .item { border-bottom: 1px solid #5dba43; }
  
  .page-services .content {}
  .page-services .content .subsection { position: relative; }
  .page-services .content .subsubsection { color: #3b3a3e; font-size: 15px; }
  .page-services .content .subsection .title { font-size: 16px; color: #5fbb46; font-weight: bold; position: relative; background: no-repeat left top; min-height: 30px; padding: 20px 10px 10px 70px; }

  .page-projects .banner {}
  .page-projects .content {}  
  .page-projects .content h1.category-title { font-family: Arial, sans-serif; font-weight: normal; font-size: 21px; line-height: 2em; color: #000; text-align: center; font-famly: Verdana, sans-serif; margin: 0; padding: 0; }
  .page-projects .content .list { position: relative; overflow: hidden; margin-bottom: 50px; }
  .page-projects .content .list .item { background: transparent no-repeat center; background-size: cover; position: relative; }
  .page-projects .content .list .item a { display: block; width: 100%; height: 100%; }
  .page-projects .content .list .item span { position: absolute; display: block; width: 100%; height: 24px; line-height: 2em; bottom: 0; background: rgba(0, 0, 0, 0.8) url("/web/20220313101440im_/http://prismaathira.com/assets/deco-solidPlus-16x24.png") no-repeat left top; color: #fff; font-size: 12px; }
  .page-projects .content .slider { background: #000; }
  .page-projects .content .slider .item { background: transparent no-repeat center; background-size: contain; }
  .page-projects .content .link-back { color: #565555; text-align: right; display: block; padding: 0 5px; margin: -20px 0 15px 0; }
  .page-projects .content .text { font-size: 15px; line-height: 1.5em; color: #3b3a3e; margin-bottom: 50px; }
  .page-projects .content .text h1, .page-projects .content .text h2, .page-projects .content .text h3,
  .page-projects .content .text h4, .page-projects .content .text h5, .page-projects .content .text h6 {
    margin: 0; padding: 0; line-height: 2em; border-bottom: 3px solid #000; color: #5fbb46;
  }
  .page-projects .content .text h1 { font-size: 1.3em; }
  
  .page-people .content {}
  .page-people .content h1.category-title { font-family: Arial, sans-serif; font-weight: bold; font-size: 16px; line-height: 1.5em; color: #000; text-align: center; font-famly: Verdana, sans-serif; margin: 0.5em 0 0 0; padding: 0; }
  .page-people .content img.splash { margin-bottom: 30px; }
  .page-people .content .text {}
  .page-people .content .text p { margin: 0 0 1em 0; padding: 0; }
  .page-people .content .text h1, .page-people .content .text h2, .page-people .content .text h3,
  .page-people .content .text h4, .page-people .content .text h5, .page-people .content .text h6 {
    font-weight: bold; font-size: 22px; color: #5fbb46; margin: 1.5em 0 0 0;
  }
  .page-people .content .single-person {}
  .page-people .content .single-person .image { display: block; width: 100%; }
  .page-people .content .single-person .description { background: #272727; color: #e1e1e1; }

  .sidebar-certified { color: #333; text-align: center; margin-bottom: 20px; font-family: Arial, sans-serif; }
  .sidebar-certified span {}
  .sidebar-certified img { vertical-align: middle; }
  
  
  .sidebar-categories { font-size: 15px; line-height: 1.5em; }
  .sidebar-categories > a { font-weight: bold; }
  .sidebar-categories > div a { display: block; }
  .sidebar-categories > div a.selected {}
}
/*
--------------------------------------------------------------------------------
 */

/*  Desktop Styles
--------------------------------------------------------------------------------
 */
@media screen and (min-width: 1000px) {
  .desktop-block { display: block; }
  .desktop-inline { display: inline; }

  #all {
    width: 1000px;
  }

  header {
    height: 59px; position: absolute; width: 1000px;
    background-color: rgba(0, 0, 0, 0.5);
  }

  header > a#logo {
    display: block; position: absolute; z-index: 1002;
    top: 0; left: 0;
    width: 215px; height: 59px;
  }

  header > nav {
    display: block; position: relative; z-index: 1001;
    width: 60; height: 59px; padding-left: 300px;
  }

  header > nav > a {
    display: block; float: left; position: relative;
    margin: 15px 20px 0px;
    padding-bottom: 2px;
    border-bottom: 10px solid transparent;
  }
  
  header > nav > a.selected {
    border-bottom: 10px solid #5fbb46;
  }

  header > nav > div {
    position: absolute;
    top: 59px; left: 0;
    background: rgba(0, 0, 0, 0.8);
    width: 100%; border-bottom: 2px solid #000;
  }
  
  header > nav > div > a {
    display: block; text-align: center; line-height: 2em;
  }
  
  /*Centre-aligning submenus to the parent menu items.*/
  header > nav > div[data-expandablesection-content=nav-projects] a { width: auto; margin: 0 350px 0 050px; }
  header > nav > div[data-expandablesection-content=nav-people] a { width: auto; margin: 0 30px 0 450px; }
  
  footer {
    height: 24px; padding-left: 100px;
    background: #a5a4a4 right bottom no-repeat url("/web/20220313101440im_/http://prismaathira.com/assets/deco-footer-green-triangle-small.png");
  }
  
  .container {}
  .banner {}
  .splash-banner {
    position: absolute; z-index: 300; font-size: 43px; padding: 1em; line-height: 1em;
    top: 59px; left: 50%; transform: translate(-50%, 0);
  }
  .faux-banner {
    background: #000; height: 59px; margin-bottom: 20px;
  }
  .content { margin-bottom: 40px; }
  .content .splash-caption { padding: 20px 40px; }
  .banner-710 { float: right; width: 710px; }
  .content-710 { float: right; width: 710px; }
  .banner-784 { float: right; width: 784px; }
  .content-784 { float: right; width: 784px; }
  .sidebar {}
  
  .page-home .content .slider {
    width: 1000px; height: 700px;
    margin: 0 auto;
    float: right;
  }
  
  .page-home .content .slider .item {
    /*WARNING: The CSS here will be mixed with whatever functions the Slick slider imparts onto the elements. Expect anomalies.*/
    /*For example, width and background settings must be specified at the element level.*/
    height: 700px;
  }
  
  .page-home .content .slider .item a {
    display: block; width: 100%; height: 700px;
    /*background: rgba(100, 255, 100, 0.5);  /*DEBUG*/*/
  }
  
  .page-home .content .slider .item span {
    background: rgba(0, 0, 0, 0.8) url("/web/20220313101440im_/http://prismaathira.com/assets/deco-solidPlus-16x24.png") no-repeat left center; color: #fff;
    position: absolute; bottom: 0;
    width: 1000px; padding-left: 30px; height: 24px; font-size: 16px; line-height: 24px; overflow: hidden;
  }
  
  .page-about .content .text { padding: 0 100px 40px 100px; }
  .page-about .content .text h1, .page-about .content .text h2, .page-about .content .text h3,
  .page-about .content .text h4, .page-about .content .text h5, .page-about .content .text h6 {
    display: inline-block; margin: 1.5em 0 0 0;
  }
  
  .page-contact form { width: 450px; margin-left: auto; margin-right: auto; }
  .page-contact .content .button-popup { position: absolute; z-index: 501; top: 150px; right: 5px; width: 22px; height: 22px; background: url("/web/20220313101440im_/http://prismaathira.com/assets/ui-button-close.png") no-repeat center center; cursor: pointer; }
  .page-contact .content .button-popup.collapsed { background-image: url("/web/20220313101440im_/http://prismaathira.com/assets/ui-button-expand.png"); }
  .page-contact .content .text { max-width: 50%; min-height: 200px; position: absolute; z-index: 500; background: rgba(255, 255, 255, 0.9); padding: 15px 150px 15px 30px; top: 160px; right: 0; }
  .page-contact .content .list {}
  .page-contact .content .list .item { padding: 0px 250px 20px 250px; margin: 0 20px 40px 20px; }
  
  .page-services .content .button-popup { position: absolute; z-index: 501; top: 150px; right: 5px; width: 22px; height: 22px; background: url("/web/20220313101440im_/http://prismaathira.com/assets/ui-button-close.png") no-repeat center center; cursor: pointer; }
  .page-services .content .button-popup.collapsed { background-image: url("/web/20220313101440im_/http://prismaathira.com/assets/ui-button-expand.png"); }
  .page-services .content .text { max-width: 60%; min-height: 200px; position: absolute; z-index: 500; background: rgba(255, 255, 255, 0.9); padding: 15px 60px 15px 30px; top: 160px; right: 0; }
  .page-services .content {}
  .page-services .content .subsection { width: 800px; margin: 20px auto; overflow: hidden; }
  .page-services .content .subsubsection { padding: 0 5%; width: 40%; float: left; }
  .page-services .content .subsection .title {}
  
  .page-projects .content {}
  .page-projects .content h1.category-title { border-bottom: 1px solid #ccc; margin-bottom: 0.5em; }
  .page-projects .content .list {}
  .page-projects .content .list .item { width: 220px; height: 180px; margin-right: 25px; margin-bottom: 25px; float: left; }
  .page-projects .content .list .item:nth-child(3n) { margin-right: 0; }
  .page-projects .content .list .item span { width: 85%; padding-left: 10%; padding-right: 5%; }
  .page-projects .content .slider { width: 710px; height: 450px; }
  .page-projects .content .slider .item { width: 710px; height: 450px; }
  .page-projects .content .text {}
  .page-projects .content .text h1, .page-projects .content .text h2, .page-projects .content .text h3,
  .page-projects .content .text h4, .page-projects .content .text h5, .page-projects .content .text h6 {
    padding-right: 100px;
  }
  .page-projects .content .text p { padding-right: 100px; }
  
  .page-people .content .text { padding-right: 20px; }
  .page-people .content .half { float: left; width: 300px; margin-right: 40px; }
  .page-people .content .single-person { width: 713px; height: 418px; background: url("/web/20220313101440im_/http://prismaathira.com/assets/deco-people-background.png") center no-repeat; overflow: hidden; position: relative; margin-bottom: 2em; }
  .page-people .content .single-person .image { width: auto; height: 268px; position: absolute; left: 0; }
  .page-people .content .single-person .description { width: 333px; height: 228px; padding: 20px 40px; position: absolute; right: 0; overflow: hidden; }
  .page-people .content .single-person .image, .page-people .content .single-person .description { top: 50%; -ms-transform: translate(0,-50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
  
  .sidebar-certified { font-size: 20px; margin-top: 40px; margin-bottom: 40px; line-height: 3em; }
  .sidebar-certified span {}
  .sidebar-certified img { margin-left: 40px; }
  
  .sidebar-categories { float: left; width: 280px; margin-top: 20px; margin-bottom: 20px; }
  .sidebar-categories > a { border-left: 50px solid transparent; }
  .sidebar-categories > div a { color: #333; border-left: 40px solid transparent; margin-top: 10px; padding-left: 10px; }
  .sidebar-categories > div a.selected { border-left: 40px solid #5fbb46; }
}
/*
--------------------------------------------------------------------------------
 */


/*  Mobile Styles
--------------------------------------------------------------------------------
 */ 
@media screen and (max-width: 999px) {
  .mobile-block { display: block; }
  .mobile-inline { display: inline; }
  
  header {
    position: fixed; width: 100%;
  }
  
  header > a#menu-button {
    position: absolute; top: 0; right: 0;
    width: 40%; text-align: right;  /*Give the button a bigger hitbox*/
  }
  
  header > a#menu-button img {
    margin: 0 0 0 auto;
  }
  
  header > nav {
    display: none;  /*When in mobile, "close" the menu by default.*/
    position: absolute; width: 100%; text-align: center;
    background: rgba(0, 0, 0, 0.9);
  }
  
  header > nav > a,
  header > nav > div  {
    display: block;
    border-bottom: 1px solid #777777;
  }
  header > nav > a:last-child,
  header > nav > div:last-child  {
    border-bottom: 2px solid #000;
  }
  header > nav > div > a { display: block; color: #5fbb46; }
  header > nav > div > a:hover { color: #fff; }
  
  footer {
    text-align: center; background: none;
  }
  footer > span:nth-child(1) {
    display: block; padding: 10px 30px; color: #000;
  }
  footer > span:nth-child(2) {
    display: block;  padding: 0 60px;
    background: #a5a4a4 right bottom no-repeat url("/web/20220313101440im_/http://prismaathira.com/assets/deco-footer-green-triangle-large.png");
  }
    
  .container {}
  /* .banner { padding-top: 36px; }  */
  .splash-banner { font-size: 25px; background: #000; padding: 0.5em 0; }
  .splash-banner > div { width: 8em; margin: 0 auto; }
  .faux-banner {}
  .content {}
  .content .splash-caption { padding: 30px 20px; color: #c3c2c4; background: #272727; }
  .container > section:first-child { margin-top: 36px; }
  /*.container > section:first-child div { width: 8em; margin: 0 auto; }*/
  .sidebar {}
  
  .page-home .content .list {
    position: relative;
  }
  
  .page-home .content .list .item {
    display: block; position: relative;
    margin: 0 0 24px 0; padding: 0; border: 0;
  }
  
  .page-home .content .list .item a {
    width: 100%; display: block;
  }
  
  .page-home .content .list .item img {
    width: 100%; display: block;
  }
  
  .page-home .content .list .item span {
    background: rgba(0, 0, 0, 0.8) url("/web/20220313101440im_/http://prismaathira.com/assets/deco-solidPlus-16x24.png") no-repeat left center; color: #fff;
    position: absolute; bottom: 0;
    width: 80%; padding: 0 10%; height: 24px; font-size: 16px; line-height: 24px; overflow: hidden;
  }
  
  .page-about .content .text { padding: 0 2em; }
  .page-about .content .text h1, .page-about .content .text h2, .page-about .content .text h3,
  .page-about .content .text h4, .page-about .content .text h5, .page-about .content .text h6 {
    text-align: center;
  }
  
  .page-contact form { margin-left: 10px; margin-right: 10px; }
  .page-contact form .row input[type=submit] { display: block; margin: 0 auto; }
  .page-contact .content .text { margin: 15px 10px 40px 10px; }
  .page-contact .content .title-misc { padding: 0 20px; }
  .page-contact .content .list {}
  .page-contact .content .list .item { padding: 0px 20px 20px 20px; margin: 0 0 20px 0; }
  
  .page-services .content .text { margin: 15px 10px 40px 10px; }
  .page-services .content {}
  .page-services .content .subsection {}
  .page-services .content .subsubsection { padding: 10px; }
  .page-services .content .subsection .title {}
  
  .page-projects .content {}  
  .page-projects .content h1.category-title { line-height: 1em; margin-top: 0.5em; }
  .page-projects .banner {}
  .page-projects .content .list {}
  .page-projects .content .list .item { width: 45%; height: 150px; margin: 10px 2.5% 15px 2.5%; float: left; }
  .page-projects .content .list .item span { width: 80%; padding-left: 15%; padding-right: 5%; }
  .page-projects .content .slider { margin-top: 0.5em; width: 100%; height: 200px; }
  .page-projects .content .slider .item { width: 100%; height: 200px; }
  .page-projects .content .link-back {}
  .page-projects .content .text {}
  .page-projects .content .text h1, .page-projects .content .text h2, .page-projects .content .text h3,
  .page-projects .content .text h4, .page-projects .content .text h5, .page-projects .content .text h6 {
    padding-right: 20px; margin-left: 40px;
  }
  .page-projects .content .text p { padding-right: 20px; margin-left: 40px; }
  
  .page-people .content .text { padding: 0 20px; }
  .page-people .content .single-person {}
  .page-people .content .single-person .image {}
  .page-people .content .single-person .description { padding: 20px; }
  
  .sidebar-certified { margin-top: 20px; font-size: 10px; }
  .sidebar-certified span {}
  .sidebar-certified img { margin-left: 5px; }
  
  .sidebar-categories { text-align: center; }
  .sidebar-categories > a { color: #3b3a3e; border-bottom: 2px solid #000; }
  .sidebar-categories > a span { color: #5fbb46; }
  .sidebar-categories > div { position: absolute; z-index: 200; background: rgba(0, 0, 0, 0.9); width: 100%; }
  .sidebar-categories > div a { border-bottom: 1px solid #777676; line-height: 2em; }
  .sidebar-categories > div a:hover { color: #fff; }
  .sidebar-categories > div a.selected {}
}
/*
--------------------------------------------------------------------------------
 */
/*
     FILE ARCHIVED ON 10:14:40 Mar 13, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:33:36 Mar 15, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 102.075
  exclusion.robots: 0.075
  exclusion.robots.policy: 0.061
  cdx.remote: 0.064
  esindex: 0.013
  LoadShardBlock: 70.888 (3)
  PetaboxLoader3.datanode: 56.6 (5)
  PetaboxLoader3.resolve: 87.303 (3)
  load_resource: 135.331 (2)
*/